Los menús no tienen por qué ser siempre horizontales o verticales, los hay graciosos como este de Stu Nicholls cuando lo vi me dije que tenía que probarlo y ahí está después de hacer algunos cambios.
Está compuesto por una imagen de fondo y los iconos correspondientes, un texto con efecto mouse over que nos muestra una breve explicación de cada icono.
No es difícil crearlo pero si requiere un poco de atención y paciencia.

La forma de crearlo es la siguiente. Nos situamos "Plantilla de diseño" y creamos un nuevo elemento de página o gadget, escogemos la pestaña de HTML/Javascript y en su interior añadimos lo siguiente:

<ul id="circularMenu">
<li class="home"><a href="#"><b>HOME<br /><span>texto de home</span></b></a></li>
<li class="chat"><a href="#"><b>CHAT<br /><span>texto para chat</span></b></a></li>
<li class="email"><a href="#"><b>EMAIL<br/><span>texto para e-mail</span></b></a></li>
<li class="descargas"><a href="#"><b>DESCARGAS<br/><span>texto descargas</span></b></a></li>
<li class="música"><a href="#"><b>MÚSICA<br/><span>texto para música</span></b></a></li>
<li class="search"><a href="#"><b>SEARCH<br/><span>texto para buscador</span></b></a></li>
<li class="vídeos"><a href="#"><b>VÍDEOS<br /><span>texto para vídeos</span></b></a></li>
<li class="fotos"><a href="#"><b>FOTOS<br/><span>texto para fotos</span></b></a></li>
</ul>


Guardamos los cambios y nos vamos a plantilla "Edición de HTML" allí localizamos ]]></b:skin> y justo antes añadimos:

#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:#fff url(http://4.bp.blogspot.com/_q4j3j-JA2ro/SXUZg_I1wjI/AAAAAAAAIxo/tYjWlxA95Hs/s000/backgroundcircular.gif) no-repeat;}

#circularMenu li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu li.home {left:120px; top:4px; background:url(http://4.bp.blogspot.com/_q4j3j-JA2ro/SXUIeA3I3BI/AAAAAAAAIwI/11V6K_YFFP0/s320/120.png) no-repeat center center;}
#circularMenu li.chat {left:200px; top:40px; background:url(http://3.bp.blogspot.com/_q4j3j-JA2ro/SXUIlKczyxI/AAAAAAAAIwQ/OGwx5wE4W94/s320/54.png) no-repeat center center;}
#circularMenu li.email {left:230px; top:115px; background:url(http://1.bp.blogspot.com/_q4j3j-JA2ro/SXUIzc50fyI/AAAAAAAAIwg/4xI9NyY4fxY/s320/74.png) no-repeat center center;}
#circularMenu li.descargas {left:35px; top:40px; background:url(http://3.bp.blogspot.com/_q4j3j-JA2ro/SXUJQudZK8I/AAAAAAAAIxI/iUJMtlwNBqE/s320/121.png) no-repeat center center;}
#circularMenu li.música {left:200px; top:190px; background:url(http://3.bp.blogspot.com/_q4j3j-JA2ro/SXUI7t4xlQI/AAAAAAAAIww/j4HokeXSVkw/s320/110.png) no-repeat center center;}
#circularMenu li.search {left:35px; top:190px; background:url(http://3.bp.blogspot.com/_q4j3j-JA2ro/SXUNXO63ExI/AAAAAAAAIxY/VAXPo-P75Jw/s320/16.png) no-repeat center center;}
#circularMenu li.vídeos {left:5px; top:115px; background:url(http://3.bp.blogspot.com/_q4j3j-JA2ro/SXUOBG8jATI/AAAAAAAAIxg/wJhg-lGZjvI/s320/18.png) no-repeat center center;}
#circularMenu li.fotos {left:120px; top:225px; background:url(http://2.bp.blogspot.com/_q4j3j-JA2ro/SXUI2Wsdg-I/AAAAAAAAIwo/C0sOAqDsG18/s320/125.png) no-repeat center center;}


#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:60px; height:60px; text-align:center;}
#circularMenu li a:hover {background:url(http://1.bp.blogspot.com/_q4j3j-JA2ro/SXXkwrB7awI/AAAAAAAAIx4/LAmDq0lmJHU/s320/circle.gif); text-decoration:none; font-family:georgia, serif;}
#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px; color:#63352c; background:#fff;}
#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

#circularMenu li.home a:hover b {left:-22px; top:100px;}
#circularMenu li.chat a:hover b {left:-102px; top:64px;}
#circularMenu li.descargas a:hover b {left:63px; top:64px;}
#circularMenu li.email a:hover b {left:-132px; top:-11px;}
#circularMenu li.vídeos a:hover b {left:93px; top:-11px;}
#circularMenu li.fotos a:hover b {left:-22px; top:-121px;}
#circularMenu li.search a:hover b {left:63px; top:-87px;}
#circularMenu li.música a:hover b {left:-102px; top:-87px;}

Ya podemos guardar los cambios y vamos a entender un poco en qué consiste para poder personalizarlo.
La primera parte contiene la imagen de fondo del menú:
#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:#fff url(http://4.bp.blogspot.com/_q4j3j-JA2ro/SXUZg_I1wjI/AAAAAAAAIxo/tYjWlxA95Hs/s000/backgroundcircular.gif) no-repeat;}

La segunda imagen es el círculo que rodea los iconos cuando pasamos el ratón sobre la imagen:
#circularMenu li a:hover {background:url(http://1.bp.blogspot.com/_q4j3j-JA2ro/SXXkwrB7awI/AAAAAAAAIx4/LAmDq0lmJHU/s320/circle.gif); text-decoration:none; font-family:georgia, serif;}

Como es lógico podemos tener otra idea respecto a iconos o enlaces que deseamos añadir así que en este mismo código de la plantilla vamos a sustituir los iconos por los nuestros..
Cada icono está representado con un color, donde dice por ejemplo música lo sustituimos por el nombre que añadiremos a ese tema en particular.
También vamos a sustituir la url de la imagen por la nuestra poniendo especial atención que cada url de la imagen esté relacionada con el nombre del tema:

#circularMenu li.música {left:200px; top:190px; background:url(http://3.bp.blogspot.com/_q4j3j-JA2ro/SXUI7t4xlQI/AAAAAAAAIww/j4HokeXSVkw/s320/110.png) no-repeat center center;}

Cada vez que sustituimos una imagen y añadimos el nombre iremos al código que hay más abajo :
#circularMenu li.música a:hover b {left:-102px; top:-87px;}

Ahí también debemos añadir el nombre de nuestro tema, por ejemplo si sustituimos el icono de música por uno de "enlaces" sustituimos el texto de "música" por "enlaces"
#circularMenu li.enlaces a:hover b {left:-102px; top:-87px;}

Una vez terminamos con todos guardamos los cambios y nos dirigimos al elemento de página que añadimos en HTML.. allí las modificaciones serán las siguientes.
Cada línea está relacionada con el código de la plantilla por ejemplo en:
<li class="home"><a href="#url"><b>HOME<br /><span>texto de home</span></b></a></li>
En HOME tenemos el icono que añadimos en nuestra plantilla, le adjudicamos una clase que es el nombre "class="home" esa clase será la que otorgue la imagen y el efecto al pasar el ratón sobre el icono, ese es el motivo por el que deben coincidir los dos nombres de lo contrario no causaría efecto.
Para crear un enlace sustituimos el asterisco # por la url de la página que vamos a enlazar.
En "HOME" es el texto de mayor tamaño.
Donde "texto de home" es el texto de menor tamaño que muestra una breve descripción.


» Menú de CSSplay
» Iconos Milky de iconeden



Anónimo

Pero si es super bonito! a primera vista me ha encantado!!!! ah! y además útil? jajaja lo tiene todo! :D
Una noche de éstas lo intento en el de pruebas por darme el gustazo!

Responder
Jorge Key/Raws

hola gema queria ver si este menu se puede acer en script para solo incrustarlo con scrpt src

es que lo quiero poner en mi inicio de un foro web pero asi no funciona ...
creo solo por script incrustado

Responder
Jorge Key/Raws

es que como no ce como formularlo para convertirlo en .js y solo incrustarlo
ya que en foros el sistema de edicion es diferente ..... porque en html no funciona en foros.... solo por incrustacion .. para ello necesito que fuera .js pero no c como quedaria o acerlo....
pero ya se como incrustarlo...
espero me ayas entendido jeje
porque yo no me entiendo jeje

Responder
Zinquirilla

La verdad es que es bonito, sólo le faltaría que fuera giratorio.

Responder
Anónimo

:)bienvenida, está todo bien ya???...mis besos!!!

Responder
Jose

Hola Gem@.Gracias a esta dichosa gripe,he podido aprender mucho contigo acerca de todo este mundo de los blogs.Una vez más,necesito ayuda y consejo.Como te dije,estoy montando un blog para el cole y quiero incluir un menú en la sidebar (si es que crees que es la mejor opción para lo que quiero,porque este menú circular que explicas me encanta,pero no sé si quedaría bien con el estilo del blog).Quiero que aparezcan distintas pestañas(ed. infantil,primer ciclo,etc...)y al abrirlas salgan otros sub-menús(?) como (fichas colorear, escritura, matemáticas,etc...)para luego poder descargar fichas en pdf.No sé si a esto se le llama "directorio".
Lo de subir los pdf y enlazarlos,lo llevo bien pero el paso del menú al sub-menú...
Si puedes echarme un cable te lo agradecería, así como aconsejarme algún modelo de menú.
Yo de momento,sigo haciendo pruebas.
Como siempre..Mil gracias y abrazos mil.

Responder
Unknown

Me encanta!!!!!!!!! mmm... ya tenía ganas de renovar mi casita un poco y este menu es muy tentador ^_^
El fin de semana lo probaré, muchas gracias ;)

Que tengas un lindo día
un abrazo ronroneado y muchos besos :)

Responder
Anónimo

Es muy bonito, pero vaya que tiene rollo, no es nada facil de hacer.

Responder
Gem@

¿Hay algo que tu no intentes Maite ? :)

yz Muy claro no está Jorge pero bueno :O
Verás este menú está creado con CSS, los estilos los puedes alojar en un servidor y luego en la plantilla añadir:
<link href='url-archivo.css' media='screen' rel='stylesheet' type='text/css'/>
Pero no hay script, ni es posible convertir los estilos en js a lmenos hasta donde yo se :(

yz Zinquirilla no estría mal :)

yz Graciela al menos por ahora... ;)

yz Hola Jose hay menús verticales para la sidebar con submenús, pensaba recomendarte un tipo de menú que al clicar desplegara las distintas temáticas así que fui a tu blog para ver el espacio disponible y me encuentro la sorpresa que añadiste uno.
Está genial :) :) :)
Espero que te recuperes pronto de esa gripe :S

yz Saludos y abrazos Pau :)

yz Arturo es ponerse y seguir los pasos uno a uno, yo intento explicar las cosas de la forma más sencilla pero... si no se intenta nunca sabremos el resultado ;)

Responder
Anónimo

Me a gustado el menú.¿Que tal vas remontando el problema?
Saludos

Responder
Deybi

Hola Gem@.

Vaya que lindo. Por eso digo que nunca terminaré de ponerle cosas al mío. Ya paren de tanto trabajo, jojojo, ya sé que no pueden, es que es muy vicioso esto!.

Saludines y un abrazo!.

Responder
Maite

Hola otra vez Gema! jejeje intento cuanto me gusta y no solo en el blog :)
Debo estar poniéndome malita porque estoy cansada, raro en mi, y me voy a dormir, te dejé una preguntilla en comentarios con foto pero está tan lejano que quizá se te pasó.
Mañana nos vemos, un besazo sin virus. Gracias :D

Responder
Maite

http://gemablog-.blogspot.com/2007/10/imagen-del-perfil-en-los-comentarios.html

muacks :) (jo, estoy que me caigo...)

Responder
Jose

Gracias Gem@ por contestar a todas mis dudas. Me dices que ha quedado muy bien, pero si es así es porque la he copiado de la tuya. Lo malo, es que al clicar sólo sale un submenú y no sé como conseguir más "subpestañas". Por eso, de momento ese menú no funciona y pone "en construcción".Me he bloqueado ahí. Si pudieras aconsejarme ese tipo de menú vertical con submenús que me dices...
a lo mejor es más fácil para mí que no tengo mucha idea de esto.
Ah! mi gripe va mejor y ya estoy de vuelta en el cole.Un besazo.

Responder
Alejandra Conte es:La Kolorada Siniestra

Muy bueno, ahora tendría que fijarme si es facil de aplicar.

Responder
Marisabel

Gema me podrías decir qué es lo que me pasa que no pyedo hacerle comentarios a Pizcos, antes me aparecía mi nombre automáticamente y ahora no hay manera, ni poniendo mi mail de registro.
Menos mal que tu tienes la posibilidad de comentar en la forma antigua que sino tampoco podría.
En cuanto al bloguer antes en la base de cada entrada me aparecía un lapicito y ahora no sale, no se qué ha podido pàsar.
Sabes algo? es que ya me estoy volviendo loca repitiendo mensaje tras mensaje y no hay manera.

Responder
Gem@

Sisco por ahora bien, y no lo digamos muy alto que estas cosas ya sabes... :S

yz Birdelo esto engancha eh, pero aprender es muy sano :)

yz Lo vi Maite, te he contestado al correo.
Lo tuyo es cansancio mujer, hay que dormir más jajajaja (mira quien habla)

yz Jose mi idea era algo como lo que añadiste que se despliegue y muestre todas las categorías si te atascaste ahí yo puedo darte un empujoncito y darte el código a galta de los enlaces o si prefieres esperar un poco tengo una entrada en borrador que trata sobre un menú vertical muy vistoso.

yz La kolorada todo es probar ;)

Responder
Gem@

Al parecer escribíamos al mismo tiempo Maria Isabel, he probado a dejar comentarios en Pizcos y no he tenido problema alguno, intentalo estado logueada, accede a tu blog por el escritorio y desde allí al blog de Pizcos de esa forma debe salir tu nombre al comentar.
La pérdida del lápiz puedes solucionarla añadiendo antes de ]]></b:skin> lo siguiente:

.quick-edit-icon { /* makes an 18x18 box */

background: transparent url(http://4.bp.blogspot.com/_q4j3j-JA2ro/SXdXEXN1ViI/AAAAAAAAIyI/xY7GOKDI0ys/s320/icon18_edit_allbkg.gif) no-repeat left center;

padding: 9px;

margin: 0;

}

Cualquier cosa ya me dices algo ;)

Responder
Marisabel

Si, si estoy accediendo desde el escritorio pèro para mi que no me reconoce Bloguer porque no aparezco como conectada, en cambio aquí con el formato antiguo si que me veo con mi nombre.

Responder
Marisabel

Estoy haciendo el ejercicio de Pizcos y me daba error al importar, lo he repetido y ahora me salen las entradas repetidas.
Vaya desastre que soy!!! Yo que pensaba, mira ahora podré unir los tres bloigs que tengo de recetas, Delicias, Viandas y Fleca. Están todos ern uno ahora, pero con las entradas repetidas.
Para eliminarlas he de borrarlo todo?
Perdona Gema por el lio que te monto.

Responder
Deybi

Uyyyy, pero mucho... Yo me siento más liviano, hehehe, es como un mundo por descubrir, lamento no haberlo encontrado antes, aunque de todas maneras no existían tantas cosicas como ahora!!.

Responder
Gem@

Marisabel estuve hablando con Pizcos y exceptuando el problema que tenemos siempre que escribimos el comentario ya veces se pierde no hay ningún otro problema.
¿Has intentado comentar con la url de otro blog de los que tienes?
Referente a las entradas dobles puedes ir a Editar entradas y allí marcar todas las que deseas eliminar luego click en eliminar y listo.
Lo que Pizcos explica es un ejercicio que se hace en un blog de pruebas creado con ese fin, tiene la finalidad que si cometemos un error siempre lo hareos en el blog de pruebas.
Hay algo a tener en cuenta, y es si el blog que estás trabajando contiene entradas que deseas conservar porque de querer eliminarlas todas tienes la opción en "Seleciona Todos" una vez seleccionas todas las entradas haces cilck en "Eliminar todos" y ya puedes volver a importar el blog.
Date una vuelta por esta entrada y te orientarás un poco.
Exportar blog

yz Birdelo cada día descubrimos algo nuevo para los que nos gusta todo esto es es un juego fantástico :)

Responder
Marisabel

Gema me pasa con todos los blogs y en los formatos de comentarios nuevos y más modernos que habéis puesto, en el formato antiguo no me pasa, y tampoco me lo acepta como anónimo.
Pero es que antes en la parte derecha superior aparecía como conectada y ahora me pone "Crear un blog / Acceder", por eso pienso que da la apariencia de no estar conectada. Podría ser algo de la configuración

Responder
Jose

Gem@, lo dejo a tu elección, porque sé que estás más que líada y no quisiera entretenerte demasiado aunque te agradezco muchísimo tu interés.Me gusta mucho tu menú desplegable, por eso lo he copiado, pero donde en el tuyo sale lo de Diccionario y se abre una sola pestaña, quiero conseguir que se abran más,según necesite.Lo gordo vendrá luego, porque tengo una pestaña de "abecedario",que son 35 carpetas zip conteniendo varios pdf cada una (casi ná) y no sé como ubicarlas o mostrarlas para que padres y profes seleccionen las que quieren descargar (se abriría ahí una especie de abanico inmenso). En fin, Gem@,que si me mandas a paseo lo entiendo.Espero noticias tuyas.Gracias y un beso.

Responder
Gem@

Marisabel ¿eso te pasa desde que hiciste la importación al blog?
¿Qué cambio ha sido el último antes de ese problema?

yz Jose yo siempre estoy así de liada por eso no te preocupes el único problema es que alguna vez tardo en dar soluciones pero es lógico porque son muchos los problemas que se presentan.
Sobre el menú no es problema que se habrán tantas pestañas como necesites, el problema que yo veo es el estético esa lista interminable...
Miraré por si hay algo que sea más acertado, tengo algo en mente pero veremos..
- Y de mandarte a paseo nada que hace mucho frío :)

Responder
Jose

Me parece increíble Gem@, que puedas con tanto al mismo tiempo y tan rápido además.Gracias por contestar tan pronto.Imagino que debe ser una locura ir constantemente dándole vueltas a todos los mensajes que recibes pidiendo ayuda y cuando acabas por un lado, ya tienes que empezar por el otro de nuevo. Bueno, sobre lo del menú,como no,tienes razón.Debe haber otro sistema mejor para alojar tanta historia. Normalmente esa especie de menús tan grandes,en los que se abren nuevas páginas, se ven en páginas web y no sé si eso será aplicable a un blog.Ya me dirás qué se te ocurre.Pero cuando puedas.Un besazo

Responder
El Taller de Noa

En mi taller http://tallerdenoa.blogspot.com/ tienes algo para recoger.

Responder
Gem@

Añadir nuevas páginas es muy relativo, en Blogger sólo disponemos de una página pero a veces nos las ingeniamos para que parezcan páginas individuales un ejemplo es por ejemplo el menú que hay en la parte superior del blog donde dice "La autora" creamos una entrada donde añadimos el contenido que nos interesa para un tema luego enlazamos esa entrada de forma que cuando clicamos sobre un botón nos muestra esa entrada.
Esa es una buena opción para tu proyecto, el inconveniente es que esa entrada no se puede ocultar ni guardar en borrador permanece como cualquier entrada.
El truco consiste en crear una entrada con fecha muy anterior a la fecha actual y cuando hay varias entradas suele pasar desapercibida.

Son opciones, hay que buscar la que más se adapta a nuestra necesidad ;)

Responder
Jose

A título de comentario, Gem@, buscando por ahí soluciones para "descargarte" un poco de mis múltiples mensajes con más y más trabajo,te diré que he encontrado un programa para hacer menús. Se llama AllWebMenus y la verdad es que tiene muy buena pinta. Le he echado un vistazo y tiene un montón de posibilidades.Pegas: está en inglés.Hacer el diseño parece fácil.Puedes añadir menús y submenús a tu antojo.Eso sí,cuando llega la parte de datos a añadir a cada item...no he llegado a profundizar porque si empiezo, se me hace de día sin quizás conseguir nada. No sé si al final te genera un código o qué,no he llegado hasta ahí.Ya me dirás qué te parece.Para lo que quiero sería perfecto (si consigo descifrarlo del todo.ardua tarea,pardiez.jeje).
Besos.Descansa un poco.
PD.Tu solución de la entrada enlazada podría estar muy bien.Seguimos en ello.Gracias mil.

Responder
Gem@

AllWebMenus no lo he usado nunca pero por lo que he visto es un constructor de menús que requiere descarga.
El dilema es saber si el código final para añadirlo a la plantilla es un código para la CSS o se trata de algo más complejo.
Cuestión de probar, hay muchos para ver Jose tantos que cuesta escoger.
Ahora mismo hay parada de Blogger me dejó a medias con esa entrada que te decía tener en borrador es un menú simpático y atractivo.
Con suerte mañana lo puedes ver ;)

Responder
Jose

Ya tengo ganas de verlo, Gem@.Esto de los menús me está quitando el sueño y aún no tengo idea de cómo lo voy a organizar,aunque siempre las ideas más simples son las que mejor funcionan.
Lo de AllWebMenus sí que es un programa para descargar.Te ponen la miel en los labios porque hace cosas muy interesantes,pero claro,es una versión trial y cuando te has pegado el curro y quieres ya alojarlo en tu blog,(porque te pide url),te dice que tienes que pasar por caja para conseguir el código de activación.Te permite simplemente guardar un archivo .awm
Buenas noches y que descanses

Responder
Inmortal

Hey muy bueno !

Saludos Gema =) :)

Responder
Anónimo

Hola gema, una pregunta en tu formulario de comentarios a la par de PUBLICAR UN COMENTARIO hay un link que dice "SUSCRIPCION POR CORREO ELECTRONICO" eso se le puede quitar a un blog?
se que es de utilidad pero no me gusta.
Otra cosa el menu que publicas se mira mero coqueto, muy buen post!!

Responder
Marisabel

Gema solo puedo comentar con el editor de comentarios anterior, con el nuevo que habéis puesto no hay manera. Ahora no recuerdo si he comentado alguna vez con el nuevo, creo que no.
Es posible que tenga algo desactivado?

Responder
Deybi

@Marisabel.

Yo una vez en días pasados tuve ese problemilla. La única solución fue borrar las Cookies, Caché, Sesiones y todo eso... Luego intenté y hasta que no lo hice no quizo nadita de nada, me imagíno que son mañas de Blogger!.

Saludines y suerte!.

Responder
Gem@

Jose como crear la entrada lleva su tiempo por las explicaciones te dejo un enlace del sitio para que veas el efecto así no te hago esperar:
Menú si navegas por esa página verás que esos menús están creados con script requieren un alojamiento exterior del archivo js pero son fantásticos.

yz Gracias GuillermoZ0009 ;)

yz Henry si te soy sincera no lo sé porque no modifiqué esa parte, podría ser que si ya que he leído que puede personalizarse.
Esa sucripción por correo no quiere decir que vayamos a recibir todas las actualizaciones en nuestra banxdeja de correo sino que recibiremos las respuestas que posterior a nuestro comentario se hicieran.
Para el autor del blog quizás no tenga importancia pero para las visitas es de mucha utilidad porque de esa forma se les avisa que contestaron a su comentario ;)

Maria Isabel es muy extraño ¿ni como anónimo? en la configuración va todo lo relacionado a nuestros comentarios pero no en la forma de dejarlos eso me hace pensar que el problema viene de la forma de loguearte. No he visto si me respondiste a la pregunta si hiciste algún cambio en el blog antes de ocurrir eso.
Me dices que no recuerdas si has comentado alguna vez, en el blog de Pizcos nunca comentaste? el tiene el nuevo editor desde el principio :O
Puedes seguir el consejo de Birdelo por si hubiera suerte.

yz Gracias Birdelo ;)

Responder
Gem@

¡Maria Isabel si sale tu comentario en Pizcos! ¿lo viste? :)

Responder
Marisabel

Ya tengo medio resuelto el misterio,
Anoche probé a entrar con el Mac y navegador Mozilla de mi hija y todo fué bien, intenté con el Explorer en el mio y tb fue bien. Borré todos los caches cookies y demás y tb bajé el Mozila Firefox 3.1 pero no hubo manera, no se que pasa que de unos dias aquí no aparezco como conectada en Blogger, puedo poner post desde el escritorio, pero así como antes me aparecían unas herramientas para modificar cosas directamente, ahora no. Gema cuando te dije lo del lapicito no era eso lo que quise decir, sino este icono que es como una llave y un destornillador.
He intentado como anónimo y tampoco. Ahora estoy comentando con el intiguo.

Responder
Marisabel

Ya lo solucioné.... borrando todo lo que tenía del programa Firefox y bajándolo de nuevo.
Por fín ya no soy invisible.
Muchas gracias por vuestra ayuda.

Responder
Gem@

jajajaja Maria Isabel ya no es invisible dice, me alegra que lo solucionaras y te agradezco nos informes por si le ocurre a alguien más ;)

Responder
Anónimo

Gracias Gemma por tu respuesta sobre el link de Suscripcion por correo electronico.

Responder
Gem@

De nada Henry :)

Responder
Anónimo

buena selección, toso lo que había encontrado así no era para Blogger.

Responder
Anónimo

Hola Gema, quiero saber si hay como colocar en mi blog otra columna lateral en el lado izquierdo. Gracias

Responder
Anónimo

Hola Gema¡ quería saber como pinchando en un icono del menú circular, puedo ir a un gadget del mismo blog donde está el menú.La única manera era en el lugar del asterisco poner una url, pero yo quiero que salga un gadget del mismo blog. Gracias..

Responder
Anónimo

Hola gema¡ yo soy el del comentario anterior, es que no te he puesto mi nombre. Te quería decir a ver si me puedes explicar como poner una imagen en el centro, porque lo he intentado muchas veces y no me sale, lo único que he conseguido es el recuadro blanco más pequeño.
Muchas gracias

Responder
Gem@

Gracias Seba :)

yz CRISTAL aquí puedes ver como añadir una segunda sidebar a la izquierda.

yz Jorge la forma de enlazar una parte en concreto del blog es buscar en la plantilla la id de ese elemento en concreto ese gadget.
A tu siguiente pregunta mira donde dice:
La primera parte contiene la imagen de fondo del menú:
#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:#fff url(http://4.bp.blogspot.com/_q4j3j-JA2ro/SXUZg_I1wjI/AAAAAAAAIxo/tYjWlxA95Hs/s000/backgroundcircular.gif) no-repeat;}

Lo que está en negrita es la url de la imagen que debes sustituir por la tuya :)

Responder
Anónimo

Hola Gema, soy Jorge! Muchas gracias por tu comentario. He mirado en la plantilla y en el gadget la id es depende de como lo hayas diseñado.Por ejemplo:si he diseñado uno de texto pues me sale Text1, esto mismo lo pongo en el gadget del menu en el icono de musica en el lugar de la # y me sale que no encuentra la página. Me podias decir que es lo que tengo que poner. Muchas gracias guapa.

Responder
Anónimo

Hola de nuevo Gema¡ respecto a la imagen del centro,pongo una url de una foto que tengo en el albun web de picassa y lo único que me sale es el cuadrado blanco más pequeño, pero no la imagen. Sabrías tú decirme si es por el formato ó alguna otra cosa que no supiera yo.
Perdona las molestias. Gracias..

Responder
Anónimo

Hola Gema¡ ya he conseguido enlazar un icono del menú con el gadget que yo quiera,pero me falta la foto del medio que no soy capaz y poner algo para volver atras despues de ver lo que haya pichado en el menú. Bsts

Responder
Jose

Hola Gem@.Por aquí sigo penando a ver si consigo ese dichoso menú. La verdad es que creo que tengo algo que con unos apaños está a medias de querer funcionar.Ví los menús que me recomendaste en Dynamic... pero si no me lo dan mascado... no sé cómo alojar los .js y esas cosas.
En fin,como te decía parece que he encontrado la forma de crear el menú que necesito.Estoy en ello y aún me falta mucho,pero bueno.Eso sí,me ha pasado una cosa muy curiosa.He hecho la prueba en un blog de pruebas y cuando lo he puesto en el "oficial", ya no se ve igual.¿por qué podrá ser?Incluso es la misma plantilla.Te agradecería cuando tengas un momento, le echaras un vistazo y me dices qué hay mal o diferente.
blog oficial
blog de pruebas

Muchas gracias,como siempre por tu tiempo y ayuda.Besos

Responder
Gem@

Jorge intenta subir la imagen a otro servidor o a una entrada de Blogger (luego la guardas en borrador y listo) debes tener en cuenta que la imagen del menú no sólo es el signo de interrogación si te fijas es como media circunferencia que rodea los iconos de la parte inferior.
La imagen no debe ser muy grande para que quede centrada, yo creo que cuando cambies la imagen de servidor solucionarás el problema ;)

Responder
Gem@

Hola Jose te estuve observando estos días pasados por si hacías algún cambio :)
Verás aunque a simple vista estás usando la misma plantilla hay un detalle que es el tamaño de letra en el oficial parece algo mayor.
Yo creo que si modificas esa parte conseguirías un efecto más parecido al blog de pruebas.

En la plantilla de pruebas miramos body {
que es donde se agrupan los estilos del cuerpo del blog y referente al tamaño de letra dice: font-size: small;

En el blog oficial no tienes establecido el tamaño de letra.
Esa es una diferencia que podría mejorar el menú pero si vieras que eso no cambia el texto de la sidebar inténtalo en sidebar-wrapper sustituyendo font-size: 90%; por un valor menor.

Si con eso no mejora seguimos probando ;)

Responder
Jose

Hola Gem@! Por fin lo he conseguido.A falta de unos retoques y rellenar algunos enlaces, ya tengo el menú que más o menos quería.Cuando quieras o puedas le echas un vistazo a ver si te gusta.Yo, seguiré investigando cosillas por ahí y probando cosas nuevas de tu blog.Mil gracias por tu ayuda e interés.Seguimos hablando.Un besazo.

Responder
Gem@

Hola Jose, está muy bien :)
Otro besazo para ti, cualquier cosa ya sabes donde estoy.

Responder
Anónimo

Hola Gema¡ Hay alguna posibilidad, puesto que no soy capaz de poner la foto del centro de quitar el recuadro blanco que me sale al pasar el ratón por el icono?
También quería cambiar un icono,pero que direccion tengo que poner para poner la url en la plantilla. Quiero los inconos de inconedem, que ya los tengo guardados en mi pc. Gracias..

Responder
Anónimo

Hola Gema¡ también me gustaría cambiar el color de la letra dek menu, lo siento es que estoy muy verde. Saludos..

Responder
Gem@

Jorge ¿qué imagen quieres poner? es muy raro que no puedas hacerlo.

El recuadro blanco de las imágenes se elimina añadiendo antes de </b:skin> lo siguiente:
a {
outline:none;
}

Para sustituir las imágenes por otras debes aloojar tu imagen y conseguir la nueva url, luego según donde lo vas a añadir sustituyes la url de la imagen. Por ejemplo si sustituyes el icono de home sustituyes también la url de la imagen que viene en esa línea y en el mismo color de letra.

El color de letra del texto grande lo puedes cambiar para el texto grande en:

#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px; color:#63352c; background:#fff;}

Y para el pequeño:
#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

Responder
Anónimo

Hola Gema¡ los colores de las letras de los iconos ya lo he cambiado, pero el cuadrado blanco del centro del menu no he podido poniendo lo que tu me has dicho y lo he hecho tal y como pone.Mira a ver si puedes ayudarme a quitar el cuadro para que se quede solo los titulos. Muchas gracias por todo

Responder
Anónimo

Hola Gema¡ si me dices un sitio donde pueda poner la foto, entonces nada más tengo que sustituir la url del menu por la url de mi foto donde este colgada. De todas formas dime como se quita el cuadrado blanco por si no pudiera poner la foto. Gracias

Responder
Gem@

Jorge ese cuadro sale en los enlaces y se elimina como te dije en el anterior comentario, a no ser que te refieras a otra cosa y en ese caso sin verlo no puedo saber que es ni como eliminarlo.

El sitio donde va la imagen del centro es en:
#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:#fff url(http://4.bp.blogspot.com/_q4j3j-JA2ro/SXUZg_I1wjI/AAAAAAAAIxo/tYjWlxA95Hs/s000/backgroundcircular.gif) no-repeat;}

Responder
Anónimo

hola Gema¡ ya tengo todo menos poner iconos distintos en el menu y quería saber donde los puedo subir para ponerlos en el menu,es que en iconeden no me da ninguna url, los tengo que subir a algún servidor. gracias

Responder
Gem@

Puedes subirlos a Blogger en una entrada, luego guardas esa entrada en borrador y listo.
Es el mejor servidor que puedes encontrar, gratuito, todo en un mismo sitio y si el servidor deja de funcionar no se ven las imágenes pero tampoco el blog por lo tanto no hay problema :)

Responder
Anónimo

guau nunca pense que se pudiera hacer esto en blogger simplemente sorprendente

la otra vez vi en un blog que en las entradas tenian un pequeño menu para resumir las entradas y asi seleccionar solo la parte de la entrada que queramos que se vea, mi pregusnta es como se puede hacer esto? y se puede con este estilo circular

Responder
Gem@

Lo que tu dices es un sistema para ocultar contenido ya sea texto o cualquier otra cosa.
Puedes ver como hacerlo aquí:
Mostrar-ocultar
Y no, no se puede hacer con este menú, debe ser desde la misma entrada...

Responder
Anónimo

mmm lastima hubiera si chido

pero como lo pusiste en la entrada, con ese podria enlacar a otras entradas no?

Responder
Anónimo

GEMA@ ya resolvi mi problema de arrriba de poner el menu en las entradas pero me surgio otro problema, quize personalizar el menu pero no me salio bien mira como me quedo

http://eluniversowwe.blogspot.com/2009/01/home-texto-de-home-chat-texto-para-chat.html

como le hago para que cuando pase el maouse las letras notengan el fondo blanco

Responder
Gem@

Abraham yo lo añadí en una entrada para el ejemplo, y para hacerlo hay que incluir los estilos en la misma entrada envueltos con la etiqueta <style type='text/css'> y </style>
Si me dices la idea que tienes te podría ayudar pero sin saber lo que deseas hacer no tengo idea :(
Si lo que quieres es que el menú enlace algunas entradas no es necesario que lo añadas en una entrada, mucho más cómodo y sencillo sería en un gadget de HTML como explico en la forma de hacerlo.

Responder
Anónimo

pero si lo pongo como gadget estaria en la pagina principal no? por eso mejor lo puse en una entrada y ya lo pude agregar pero el problema es que cuando paso el mause por el icono el texto(del icono)me aparece con un fondo blanco y pues mi blog tiene fondo de color y no queda bien, como le puedo quitar ese pequeño fondo blanco al pasarle el mause o aunquesea cambiarle el color

GRACIAS

P.D.
Que latoso soy verdad:D

Responder
Anónimo

Hola Gema¡ me podrías decir como hago para cuando pase el ratón por un icono del menu, no me salga el cuadro blanco sólo el texto. Gracias..

Responder
Anónimo

Hola Gema¡ ya sólo me queda ese detalle para acabar el menu. Si quieres verlo esta es mi direción.www.mastersotillo.blogspot.com

Responder
Gem@

Prueba a buscar en la plantilla donde dice:
#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px; color:#63352c; background:#fff;}

Tienes que cambiar background:#fff es un fondo blanco sustitúyelo por el color de fondo de tu blog.
También las letras pasarán desapercibidas y las puedes cambiar en color:#63352c;

Quedó genial que pena que en la entrada se perderá conforma vayas creando otras.

Responder
Gem@

Ahora que lo pienso.. si no le añades color de fondo quedará mejor porque se verá la imagen ;)

Responder
Gem@

Abraham y Jorge son una misma persona :O

Responder
Anónimo

jojo es mi cuenta fantasma para obtener 2 respuestas de Gem@ jejejejejeje no es cierto :)

entons no se puede hacer que el fondo blanco sea tansparente solo cambiarle el color?

sino me conformo con tenerlo asi sirve que hace resaltar las letras

Gracias

Responder
Anónimo

Hola gema¡muchas gracias por tu información. Yo soy Jorge y no conozco de nada a abraham.Un abrazo muy fuerte y un millón de gracias por toda tu ayuda..bstos

Responder
Gem@

Abraham te explicaba más arriba que la solución es suprimir background:#fff eso aplica un fondo blanco, elimina todo lo que veas con background:#fff ;)

Lamento la confusión, con el sueño no me di cuenta :S

Jorge estuve mirando tu menú, como tu imagen de fondo es una jpg el fondo queda blanco, si añadieras la misma imagen con el fondo transparente quedaría mejor ;)

Responder
Priamo

Gema, he visitado la pag web de Stunicholls.com y me encantan sus galerias de fotos...pero te pido informacion ya que me asaltan muchas dudas:
Para descargar p.e. un menu o galeria de fotos solo necesito hacer una donacion??De cuanto €??.Habría que renovar cada cierto tiempo la donacion??....
Gema estas y otras dudas que se me escapan me las puedes aclarar??
Muy agradecido

Responder
Gem@

yz Saludos Priamo.
Nicholls establece en los derechos de autor lo siguiente...
Se puede utilizar para uso personal sin ánimo de lucro sin previa autorización del autor agradeciendo un enlace a CSSPlay.
Si el caso fuera con fines comerciales igualmente no necesita previa autorización pero pide tener en consideración una donación para apoyar el trabajo realizado. Aunque no indica que tipo de donación supongo que será con carácter voluntario.
Me parece muy lógica su postura :)

Responder
Priamo

Que quieres decir con .."agradeciendo un enlace a CSSPlay" y como lo hago excatamente para agradecer en CSSPlay.
Gracias de nuevo

Responder
Gem@

yz Es algo voluntario Priamo, agradecer un enlace no es otra cosa que lo que yo hice en esta entrada.
No es otra cosa que un enlace a su página, una forma de agradecer el trabajo que realiza y pone a disposición de todos de forma gratuita.

Responder
Percepción Putumayo

¡HOLA GEMA! Escribo para agradecerte por la gran ayuda que das a la comunidad con todo el material que publicas en tu blog, me ha servido enormemente y es muy agradable saber que te apasionan estos temas.... también me la paso días enteros frente a mi computador navegando en Internet, probando cosas, tecleando código y depurandolo, la mayoria de las veces es agotador, pero al final, son los resultados los que animan a seguir buscando cosas nuevas, como lo que publicas en tu blog. ¡MIL FELICITACIONES! y sigue así :D

PDTA: El botón +1 de Google+ sigue dando error.

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top